<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>E音乐播放器 Enoch-Music Player</title>
<link rel="stylesheet" type="text/css" href="Css/tplayer.css" />
<link rel="stylesheet" type="text/css" href="Plugins/FontAwesome4.1/css/font-awesome.min.css" />
<script src="Js/jquery.js"></script>
<script src="Js/jquery-ui.js"></script>
<script src="Js/tPlayer.js"></script>
</head>
<body class="keBody">
<h1 class="keTitle">E音乐播放器 Enoch-Music Player</h1>
<div class="kePublic">
<!--效果html开始-->
<div class="myplayer">
<div id="t_wrapper">
  <div id="t_cover"> <img src="Images/logo.png"> </div>
  <div id="t_top">
    <div id="t_title_info"> <span class="artist"></span> <span class="title"></span> </div>
  </div>
  <div id="t_middle">
    <div id="play"></div>
    <div id="pause" class="hidden"> </div>
    <div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" id="t_progress">
      <div id="trackInfo">
        <div id="error"> </div>
        <div id="current">0:00</div>
        <div id="duration">0:00</div>
      </div>
      <div style="width: 0%;" class="ui-slider-range ui-widget-header ui-corner-all ui-slider-range-min"></div>
      <span style="left: 0%;" class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0"></span> </div>
    <span id="prev"></span> <span id="next"></span> </div>
  <div id="t_bottom">
    <div id="range">
      <div id="val"></div>
      <div id="vol"></div>
      <div id="rangeVal"></div>
    </div>
    <div id="t_pls_show" class="noselectpls"></div>
  </div>
</div>
<div id="playlist">
  <ul>
  	<li t_cover="amy.jpg" t_artist="Amy Diamond" t_name="Heartbeats"> <a href="#">Heartbeats – Amy Diamond</a>
      <audio preload="none">
        <source src="http://7xiyaq.com1.z0.glb.clouddn.com/Amy Diamond-Heartbeats.mp3" type="audio/mp3">
      </audio>
    </li>
    <li t_cover="yanyidan.jpg" t_artist="严艺丹" t_name="无果"> <a href="#">无果-严艺丹</a>
      <audio preload="none">
        <source src="http://7xj94y.com1.z0.glb.clouddn.com/严艺丹-无·果 (《新白发魔女传》电视剧插曲).mp3" type="audio/mp3">
      </audio>
    </li>
    <li t_cover="caichunjia.jpg" t_artist="蔡淳佳" t_name="前座后座"> <a href="#">前座后座-蔡淳佳</a>
      <audio preload="none">
        <source src="http://7xj94y.com1.z0.glb.clouddn.com/蔡淳佳-前座后座.mp3" type="audio/mp3">
      </audio>
    </li>
	<li t_cover="rose.jpg" t_artist="手嶌葵" t_name="The rose"> <a href="#">The rose-手嶌葵</a>
      <audio preload="none">
        <source src="http://7xj94y.com1.z0.glb.clouddn.com/手嶌葵-The Rose.mp3" type="audio/mp3">
      </audio>
    </li>
	<li t_cover="zhaozihao.jpg" t_artist="赵子皓" t_name="初雪的忧伤"> <a href="#">初雪的忧伤-赵子皓</a>
      <audio preload="none">
        <source src="http://7xj94y.com1.z0.glb.clouddn.com/赵子皓-初雪的忧伤.mp3" type="audio/mp3">
      </audio>
    </li>
	
	<li t_cover="liyuchun.jpg" t_artist="李宇春" t_name="蜀绣"> <a href="#">蜀绣-李宇春</a>
      <audio preload="none">
        <source src="http://7xj94y.com1.z0.glb.clouddn.com/李宇春-蜀绣.mp3" type="audio/mp3">
      </audio>
    </li>
	
	<li t_cover="chenyixun.jpg" t_artist="陈奕迅" t_name="稳稳的幸福"> <a href="#">稳稳的幸福-陈奕迅</a>
      <audio preload="none">
        <source src="http://7xj94y.com1.z0.glb.clouddn.com/陈奕迅-稳稳的幸福 (电影《越来越好之村晚》主题曲).mp3" type="audio/mp3">
      </audio>
    </li>
  </ul>
</div>
</div>
<!--效果html结束-->
<div class="clear"></div>
</div>
<div class="keBottom">
<p class="keTxtP">更多精彩请访问<a class="keUrl" href="http://wangjw.coding.io/" target="_blank">Enoch Wang</a></p>
<p class="keTxtP">本站导航：
<a href="http://wangjw.coding.io/" target="_blank" class="cor_bs">我的主页</a> | 
<a href="/about/" target="_blank" class="cor_bs">关于我</a> | 
<a href="/music.html" target="_blank" class="cor_bs">E音乐</a> | 
<a href="http://www.weibo.com/wangjwenoch" target="_blank" class="cor_bs">我的微博</a> | 
<a href="http://www.blog.sina.com.cn/whuwjw" target="_blank" class="cor_bs">我的博客</a> 
</p>
<p class="keTxtP">音乐你的心情
<a target="_blank" href="http://weibo.com/wangjwenoch" class="button red" title="whu_wjw">关注我</a></p>
</div>
</body>
</html>